const express = require("express")
const ejs = require("ejs")
const path = require("path")
const app = express()

// 如何向客户端响应静态资源
// 1.创建静态资源文件夹
// 2.app.use使用中间件express.static -> 专门用来想客户端响应静态资源的
// 接受一个参数，静态资源文件的路径 -> 绝对路径 __dirname(当前运行文件的目录[绝对路径]) 路径拼接
// 响应静态资源目前已经满足不了我们的需求了，我们希望给用户展示动态资源
app.use(express.static(path.join(__dirname, "public")))

// 动态资源
// 1.下载安装
// 2.app.set 设置动态资源模板的位置 第二个参数是模板所在的位置
app.set("views", path.join(__dirname, "views"))
// 3.设置模板引擎的格式
app.set("view engine", "ejs")

app.get("/index", (req, res)=>{
    // 渲染动态资源需要使用res.render 这个方法
    // 接受一个参数 -> 你要使用哪个模板来渲染页面
    // 第二个参数-》 你要传递到模板里面的数据 -> 他是一个对象
    // 后缀名一定要是使用模板的格式
    // 如何使数据动起来，因为ejs模板渲染可以传递数据
    res.render("index", {
        title: "海澜之家",
        list: [
            {
                name: "海澜优选2021春夏新品亲子T恤彩虹系列满印T恤男士女士T恤",
                img: "http://img.heilanhome.com/hfntbj200020/1617869202414.jpg" 
            },
            {
                name: "海澜优选2021春夏新品圆领亲子款T恤父子哆啦A梦元气趣味印花短袖",
                img: "http://img.heilanhome.com/hfntbj200019/1617261614034.jpg" 
            },
            {
                name: "海澜优选2021春夏新品亲子短袖儿童T恤play系列男士女士儿童T恤",
                img: "http://img.heilanhome.com/hfntbj200015/1615858062725.jpg" 
            },
            {
                name: "海澜优选2021春夏新品儿童卫衣哆啦A梦棉质时尚百搭儿童卫衣",
                img: "http://img.heilanhome.com/hfnzwj100001/1617261586157.jpg" 
            }    
        ]
    })
})
let server = app.listen(3000, ()=>{
    console.log("服务运行在3000端口");
})